<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="ks.css">
</head>

<body>
    <div class="dami-head">
        <div class="dami-title">
            <ul>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li>大米</li>
                <li class="milast">大米</li>
            </ul>
            <div class="dami-you">
                <div class="dami-you1">
                    <ul>
                        <li>登录</li>
                        <li class="milast">登录</li>
                    </ul>
                </div>
                <div class="dami-you2">
                    <span>购物车（0）</span>
                    <div class="gouwuche">
                        998998998998998
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="logo-tu">
        <div class="logo-tutu">
            <div class="logo"><img src="./image/xiaomi_logo.png" alt=""></div>
            <div class="logo-center">
                <ul>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                    <li>大米</li>
                </ul>
                <div class="logo-input">
                    <div class="inpuleft"></div>
                    <div class="inpuright">GO</div>
                </div>
            </div>
        </div>
    </div>
    <div class="lunbo">
        <ul class="lunboyou">
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>
            <li>
                <span>手机周边</span>
                <span>></span>
            </li>

        </ul>
        <div class="lunbozuo">
            <img src="./image/T1hiDvBvVv1RXrhCrK.jpg" width="972px" height="449px" alt="">
        </div>
    </div>
    <div class="neirong">
        <div class="neirongzuo">
            <ul class="xiaoneirongzuo">
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
                <li>
                    <p>1</p>
                    <br>
                    <p style="">1</p>
                </li>
            </ul>
            <ul class="xiaoneirongyou">
                <li>
                    <img src="./image/T184E_BQWT1RXrhCrK.jpg" width="300px" height="150px" alt="">
                </li>
                <li>
                    <img src="./image/T184E_BQWT1RXrhCrK.jpg" width="300px" height="150px" alt="">
                </li>
                <li>
                    <img src="./image/T184E_BQWT1RXrhCrK.jpg" width="300px" height="150px" alt="">
                </li>
            </ul>
        </div>

    </div>
    <div class="tuijiandanpin">
        <p>推荐单品</p>
        <div class="danpinyou">
            <span class="aaa">
                < </span> <span> >
            </span>
        </div>
    </div>
    <div class="henduoneirong">
        <ul class="yixietu">
            <li><img src="./image/T1riKjB7VT1RXrhCrK.jpg" width="208px" height="500px" alt="">
            <p>大米电视2/2s全系列</p>
            <p style="font-size: 12px; color: grey;">40/48/49/55英寸 现货购买</p>
            </li>
            <li><img src="./image/T1riKjB7VT1RXrhCrK.jpg" width="208px" height="500px" alt="">
            <p>大米电视2/2s全系列</p>
            <p style="font-size: 12px; color: grey;">40/48/49/55英寸 现货购买</p>
            </li>
            <li><img src="./image/T1riKjB7VT1RXrhCrK.jpg" width="208px" height="500px" alt="">
            <p>大米电视2/2s全系列</p>
            <p style="font-size: 12px; color: grey;">40/48/49/55英寸 现货购买</p>
            </li>
            <li><img src="./image/T1riKjB7VT1RXrhCrK.jpg" width="208px" height="500px" alt="">
            <p>大米电视2/2s全系列</p>
            <p style="font-size: 12px; color: grey;">40/48/49/55英寸 现货购买</p>
            </li>
            <li><img src="./image/T1riKjB7VT1RXrhCrK.jpg" width="208px" height="500px" alt="">
            <p>大米电视2/2s全系列</p>
            <p style="font-size: 12px; color: grey;">40/48/49/55英寸 现货购买</p>
            </li>
        </ul>
    </div>
    <div class="zuihoude">
        <div class="zhinengyinjian">
            <p style="font-size: 20px;">智能硬件</p>
            <div class="xiaomiandade">
                <div class="zhinengzuo"><img src="./image/T1IhLjBC_T1RXrhCrK.jpg" width="210px" height="450px" alt=""></div>
                <div class="zhinengyou">
                    <div class="zhinengzuo">
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                    </div>
                    <div class="zhinengzuo">
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                    </div>
                    <div class="zhinengzuo">
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                    </div>
                    <div class="zhinengzuo">
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                        <div class="xiaobox"><img src="./image/T16nVjBCKT1RXrhCrK.jpg" style="padding-left: 20px;" alt="">
                        <p style="text-align: center;">小米运动机</p>
                        <p style="font-size: 12px; color: grey; text-align: center;">边玩边录边拍，手机随时分享</p>
                        <p style="color: red; text-align: center;">399元</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="jieshuyu">
      <div class="jieshuyuhezi">
          <div class="shengmin">
              <ul>
                  <li>一小时快修 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
                  <li>一小时快修 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
                  <li>一小时快修 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
                  <li>一小时快修 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|</li>
                  <li>一小时快修 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</li>
                  
          </div>
          <div class="pppo">
              <p>帮助</p>
              <p>购物指南</p>
              <p>支付方式</p>
              <p>配送方式</p>
          </div>
          <div class="pppo">
              <p>帮助</p>
              <p>购物指南</p>
              <p>支付方式</p>
              <p>配送方式</p>
          </div>
          <div class="pppo">
              <p>帮助</p>
              <p>购物指南</p>
              <p>支付方式</p>
              <p>配送方式</p>
          </div>
          <div style="border-right:1px solid grey ;" class="pppo">
              <p>帮助</p>
              <p>购物指南</p>
              <p>支付方式</p>
              <p>配送方式</p>
          </div>
          <div class="pppo">
            <p>400-100-5678</p>
            <p>周一至周日 8:00-18:00</p>
            <p>（仅售市话费）</p>
            <p>24小时在线客服</p>
            
        </div>
      </div>
    </div>
</body>

</html>